<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>蓝源Eloan-P2P平台</title>
		<!-- 包含一个模板文件,模板文件的路径是从当前路径开始找 -->
		<#include "common/links-tpl.ftl" />
		<script type="text/javascript" src="/js/plugins/jquery.form.js"></script>
		<link type="text/css" rel="stylesheet" href="/css/account.css" />

		<script type="text/javascript">

		</script>
	</head>
	<body>
	

	<!-- 网页顶部导航 -->
	<#include "common/head-tpl.ftl" />
	<#assign currentNav = "personal"/>
	<!-- 网页导航 -->
	<!-- 在当前的freemarker的上下文中,添加一个变量,变量的名字叫nav,变量的值叫personal -->
	<#include "common/navbar-tpl.ftl" />

	<div class="container">
		<div class="row">
			<!--导航菜单-->
			<div class="col-sm-3">
				<#assign currentMenu = "personal"/>
				<#include "common/leftmenu-tpl.ftl" />
			</div>
			<!-- 功能页面 -->
			<div class="col-sm-9">
				<div class="panel panel-default">
					<div class="panel-body el-account">
						<div class="el-account-info">
							<div class="pull-left el-head-img">
								<img class="icon" src="/images/ms.png" />
							</div>
							<div class="pull-left el-head">
								<p>用户名：${loginInfo.username}</p>
								<p>最后登录时间：2017-01-25 15:30:10</p>
							</div>
							<div class="pull-left" style="text-align: center;width: 400px;margin:30px auto 0px auto;">
								<a class="btn btn-primary btn-lg" href="/recharge">账户充值</a>
								<a class="btn btn-danger btn-lg" href="/moneyWithdraw">账户提现</a>
							</div>
							<div class="clearfix"></div>
						</div>

						<div class="row h4 account-info">
							<div class="col-sm-4">
								账户总额：<span class="text-primary">${account.totalAmount?string("0.00")}元</span>
							</div>
							<div class="col-sm-4">
								可用金额：<span class="text-primary">${account.usableAmount?string("0.00")}元</span>
							</div>
							<div class="col-sm-4">
								冻结金额：<span class="text-primary">${account.freezedAmount?string("0.00")}元</span>
							</div>
						</div>

						<div class="row h4 account-info">
							<div class="col-sm-4">
								待收利息：<span class="text-primary">${account.unReceiveInterest?string("0.00")}元</span>
							</div>
							<div class="col-sm-4">
								待收本金：<span class="text-primary">${account.unReceivePrincipal?string("0.00")}元</span>
							</div>
							<div class="col-sm-4">
								待还本息：<span class="text-primary">${account.unReturnAmount?string("0.00")}元</span>
							</div>
						</div>

						<div class="el-account-info top-margin">
							<div class="row">
								<div class="col-sm-4">
									<div class="el-accoun-auth">
										<div class="el-accoun-auth-left">
											<img src="images/shiming.png" />
										</div>
										<div class="el-accoun-auth-right">
											<h5>实名认证</h5>
											<p>
												未认证
												<a href="/realAuth" id="">立刻绑定</a>
											</p>
										</div>
										<div class="clearfix"></div>
										<p class="info">实名认证之后才能在平台投资</p>
									</div>
								</div>

								<div class="col-sm-4">
									<div class="el-accoun-auth">
										<div class="el-accoun-auth-left">
											<img src="images/youxiang.jpg" />
										</div>
										<div class="el-accoun-auth-right">
											<h5>邮箱认证</h5>
												<p>
													未绑定
													<a href="javascript:;" id="showBindEmailModal">去绑定</a>
												</p>
										</div>
										<div class="clearfix"></div>
										<p class="info">您可以设置邮箱来接收重要信息</p>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="el-accoun-auth">
										<div class="el-accoun-auth-left">
											<img src="images/baozhan.jpg" />
										</div>
										<div class="el-accoun-auth-right">
											<h5>VIP会员</h5>
											<p>
												普通用户
												<a href="#">查看</a>
											</p>
										</div>
										<div class="clearfix"></div>
										<p class="info">VIP会员，让你更快捷的投资</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<#include "common/footer-tpl.ftl" />
	</body>
</html>